/* 此文件不可以修改原来定义的动画 如需修改请自行增加或引用原来动画名 */
@-webkit-keyframes backInDown {
	0% {
		-webkit-transform: translateY(-1200px) scale(.7);
		transform: translateY(-1200px) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes backInDown {
	0% {
		-webkit-transform: translateY(-1200px) scale(.7);
		transform: translateY(-1200px) scale(.7);
		opacity: .7
	}

	80% {
		-webkit-transform: translateY(0) scale(.7);
		transform: translateY(0) scale(.7);
		opacity: .7
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}
@-webkit-keyframes backOutLeft {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 1
		}

		10% {
			-webkit-transform: translateX(0) scale(.7);
			transform: translateX(0) scale(.7);
			opacity: .7
		}

		50% {
			-webkit-transform: translateX(-2000px) scale(.7);
			transform: translateX(-2000px) scale(.7);
			opacity: .7
		}

		51% 80%,
		88%,
		95%,
		to {
			-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
			animation-timing-function: cubic-bezier(.215, .61, .355, 1)
		}

		51% {
			opacity: 0;
			-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
			transform: translate3d(0, 3000px, 0) scaleY(5)
		}

		80% {
			opacity: 1;
			-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
			transform: translate3d(0, -20px, 0) scaleY(.9)
		}

		88% {
			-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
			transform: translate3d(0, 10px, 0) scaleY(.95)
		}

		95% {
			-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
			transform: translate3d(0, -5px, 0) scaleY(.985)
		}

		to {
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	}

	@keyframes backOutLeft {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 1
		}

		10% {
			-webkit-transform: translateX(0) scale(.7);
			transform: translateX(0) scale(.7);
			opacity: .7
		}

		50% {
			-webkit-transform: translateX(-2000px) scale(.7);
			transform: translateX(-2000px) scale(.7);
			opacity: .7
		}

		51% 80%,
		88%,
		95%,
		to {
			-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
			animation-timing-function: cubic-bezier(.215, .61, .355, 1)
		}

		51% {
			opacity: 0;
			-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
			transform: translate3d(0, 3000px, 0) scaleY(5)
		}

		80% {
			opacity: 1;
			-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
			transform: translate3d(0, -20px, 0) scaleY(.9)
		}

		88% {
			-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
			transform: translate3d(0, 10px, 0) scaleY(.95)
		}

		95% {
			-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
			transform: translate3d(0, -5px, 0) scaleY(.985)
		}

		to {
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	}

	@-webkit-keyframes backOutRight {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 1
		}

		20% {
			-webkit-transform: translateX(0) scale(.7);
			transform: translateX(0) scale(.7);
			opacity: .7
		}

		50% {
			-webkit-transform: translateX(2000px) scale(.7);
			transform: translateX(2000px) scale(.7);
			opacity: .7
		}

		51% 80%,
		88%,
		95%,
		to {
			-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
			animation-timing-function: cubic-bezier(.215, .61, .355, 1)
		}

		51% {
			opacity: 0;
			-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
			transform: translate3d(0, 3000px, 0) scaleY(5)
		}

		80% {
			opacity: 1;
			-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
			transform: translate3d(0, -20px, 0) scaleY(.9)
		}

		88% {
			-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
			transform: translate3d(0, 10px, 0) scaleY(.95)
		}

		95% {
			-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
			transform: translate3d(0, -5px, 0) scaleY(.985)
		}

		to {
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	}

	@keyframes backOutRight {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 1
		}

		20% {
			-webkit-transform: translateX(0) scale(.7);
			transform: translateX(0) scale(.7);
			opacity: .7
		}

		50% {
			-webkit-transform: translateX(2000px) scale(.7);
			transform: translateX(2000px) scale(.7);
			opacity: .7
		}

		51% 80%,
		88%,
		95%,
		to {
			-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
			animation-timing-function: cubic-bezier(.215, .61, .355, 1)
		}

		51% {
			opacity: 0;
			-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
			transform: translate3d(0, 3000px, 0) scaleY(5)
		}

		80% {
			opacity: 1;
			-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
			transform: translate3d(0, -20px, 0) scaleY(.9)
		}

		88% {
			-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
			transform: translate3d(0, 10px, 0) scaleY(.95)
		}

		95% {
			-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
			transform: translate3d(0, -5px, 0) scaleY(.985)
		}

		to {
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	}
	
	@-webkit-keyframes heartBeat {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
	
		14% {
			-webkit-transform: scale(1.3);
			transform: scale(1.3)
		}
	
		28% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
	
		42% {
			-webkit-transform: scale(1.3);
			transform: scale(1.3)
		}
	
		70% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
	}
	
	@keyframes heartBeat {
		0% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
	
		14% {
			-webkit-transform: scale(1.3);
			transform: scale(1.3)
		}
	
		28% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
	
		42% {
			-webkit-transform: scale(1.3);
			transform: scale(1.3)
		}
	
		70% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
	}
	
	@-webkit-keyframes flash {
	
		0%,
		50%,
		to {
			opacity: 1
		}
	
		25%,
		75% {
			opacity: 0
		}
	}
	
	@keyframes flash {
	
		0%,
		50%,
		to {
			opacity: 1
		}
	
		25%,
		75% {
			opacity: 0
		}
	}
	
	@-webkit-keyframes shakeY {
	
		0%,
		to {
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	
		10%,
		30%,
		50%,
		70%,
		90% {
			-webkit-transform: translate3d(0, -10px, 0);
			transform: translate3d(0, -10px, 0)
		}
	
		20%,
		40%,
		60%,
		80% {
			-webkit-transform: translate3d(0, 10px, 0);
			transform: translate3d(0, 10px, 0)
		}
	}
	
	@keyframes shakeY {
	
		0%,
		to {
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	
		10%,
		30%,
		50%,
		70%,
		90% {
			-webkit-transform: translate3d(0, -10px, 0);
			transform: translate3d(0, -10px, 0)
		}
	
		20%,
		40%,
		60%,
		80% {
			-webkit-transform: translate3d(0, 10px, 0);
			transform: translate3d(0, 10px, 0)
		}
	}
	
	@-webkit-keyframes pulse {
		0% {
			-webkit-transform: scaleX(1);
			transform: scaleX(1)
		}
	
		50% {
			-webkit-transform: scale3d(1.05, 1.05, 1.05);
			transform: scale3d(1.05, 1.05, 1.05)
		}
	
		to {
			-webkit-transform: scaleX(1);
			transform: scaleX(1)
		}
	}
	
	@keyframes pulse {
		0% {
			-webkit-transform: scaleX(1);
			transform: scaleX(1)
		}
	
		50% {
			-webkit-transform: scale3d(1.05, 1.05, 1.05);
			transform: scale3d(1.05, 1.05, 1.05)
		}
	
		to {
			-webkit-transform: scaleX(1);
			transform: scaleX(1)
		}
	}
	@-webkit-keyframes zoomOut {
		0% {
			opacity: 1
		}
	
		50% {
			opacity: 0;
			-webkit-transform: scale3d(.3, .3, .3);
			transform: scale3d(.3, .3, .3)
		}
	
		to {
			opacity: 0
		}
	}
	
	@keyframes zoomOut {
		0% {
			opacity: 1
		}
	
		50% {
			opacity: 0;
			-webkit-transform: scale3d(.3, .3, .3);
			transform: scale3d(.3, .3, .3)
		}
	
		to {
			opacity: 0
		}
	}
	
	@-webkit-keyframes zoomIn {
		0% {
			opacity: 0;
			-webkit-transform: scale3d(.3, .3, .3);
			transform: scale3d(.3, .3, .3)
		}
	
		50% {
			opacity: 1
		}
	}
	
	@keyframes zoomIn {
		0% {
			opacity: 0;
			-webkit-transform: scale3d(.3, .3, .3);
			transform: scale3d(.3, .3, .3)
		}
	
		50% {
			opacity: 1
		}
	}
	.zoomIn {
		-webkit-animation-name: zoomIn;
		animation:zoomIn .2s 1 ease-in-out;
	}
	@-webkit-keyframes rotateOut {
		0% {
			-webkit-transform-origin: center;
			transform-origin: center;
			opacity: 1
		}
	
		to {
			-webkit-transform-origin: center;
			transform-origin: center;
			-webkit-transform: rotate(200deg);
			transform: rotate(200deg);
			opacity: 0
		}
	}
	
	@keyframes rotateOut {
		0% {
			-webkit-transform-origin: center;
			transform-origin: center;
			opacity: 1
		}
	
		to {
			-webkit-transform-origin: center;
			transform-origin: center;
			-webkit-transform: rotate(200deg);
			transform: rotate(200deg);
			opacity: 0
		}
	}
	
	.rotateOut {
		-webkit-animation-name: rotateOut;
		animation-name: rotateOut
	}
	@-webkit-keyframes flipOutX {
		0% {
			-webkit-transform: perspective(400px);
			transform: perspective(400px)
		}
	
		30% {
			-webkit-transform: perspective(400px) rotateX(-20deg);
			transform: perspective(400px) rotateX(-20deg);
			opacity: 1
		}
	
		to {
			-webkit-transform: perspective(400px) rotateX(90deg);
			transform: perspective(400px) rotateX(90deg);
			opacity: 0
		}
	}
	
	@keyframes flipOutX {
		0% {
			-webkit-transform: perspective(400px);
			transform: perspective(400px)
		}
	
		30% {
			-webkit-transform: perspective(400px) rotateX(-20deg);
			transform: perspective(400px) rotateX(-20deg);
			opacity: 1
		}
	
		to {
			-webkit-transform: perspective(400px) rotateX(90deg);
			transform: perspective(400px) rotateX(90deg);
			opacity: 0
		}
	}
	
	.flipOutX {
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		-webkit-animation-name: flipOutX;
		animation-name: flipOutX;
		-webkit-backface-visibility: visible !important;
		backface-visibility: visible !important
	}
	
	@-webkit-keyframes flipOutY {
		0% {
			-webkit-transform: perspective(400px);
			transform: perspective(400px)
		}
	
		30% {
			-webkit-transform: perspective(400px) rotateY(-15deg);
			transform: perspective(400px) rotateY(-15deg);
			opacity: 1
		}
	
		to {
			-webkit-transform: perspective(400px) rotateY(90deg);
			transform: perspective(400px) rotateY(90deg);
			opacity: 0
		}
	}
	
	@keyframes flipOutY {
		0% {
			-webkit-transform: perspective(400px);
			transform: perspective(400px)
		}
	
		30% {
			-webkit-transform: perspective(400px) rotateY(-15deg);
			transform: perspective(400px) rotateY(-15deg);
			opacity: 1
		}
	
		to {
			-webkit-transform: perspective(400px) rotateY(90deg);
			transform: perspective(400px) rotateY(90deg);
			opacity: 0
		}
	}
	
	.flipOutY {
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		-webkit-backface-visibility: visible !important;
		backface-visibility: visible !important;
		-webkit-animation-name: flipOutY;
		animation-name: flipOutY
	}
	@-webkit-keyframes flipInX {
		0% {
			-webkit-transform: perspective(400px) rotateX(90deg);
			transform: perspective(400px) rotateX(90deg);
			-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
			opacity: 0
		}
	
		40% {
			-webkit-transform: perspective(400px) rotateX(-20deg);
			transform: perspective(400px) rotateX(-20deg);
			-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in
		}
	
		60% {
			-webkit-transform: perspective(400px) rotateX(10deg);
			transform: perspective(400px) rotateX(10deg);
			opacity: 1
		}
	
		80% {
			-webkit-transform: perspective(400px) rotateX(-5deg);
			transform: perspective(400px) rotateX(-5deg)
		}
	
		to {
			-webkit-transform: perspective(400px);
			transform: perspective(400px)
		}
	}
	
	@keyframes flipInX {
		0% {
			-webkit-transform: perspective(400px) rotateX(90deg);
			transform: perspective(400px) rotateX(90deg);
			-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
			opacity: 0
		}
	
		40% {
			-webkit-transform: perspective(400px) rotateX(-20deg);
			transform: perspective(400px) rotateX(-20deg);
			-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in
		}
	
		60% {
			-webkit-transform: perspective(400px) rotateX(10deg);
			transform: perspective(400px) rotateX(10deg);
			opacity: 1
		}
	
		80% {
			-webkit-transform: perspective(400px) rotateX(-5deg);
			transform: perspective(400px) rotateX(-5deg)
		}
	
		to {
			-webkit-transform: perspective(400px);
			transform: perspective(400px)
		}
	}
	
	.flipInX {
		-webkit-backface-visibility: visible !important;
		backface-visibility: visible !important;
		-webkit-animation-name: flipInX;
		animation:flipInX 1s 1 ease-in-out;
	}
	
	@-webkit-keyframes fadeInDown {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0)
		}
	
		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	}
	
	@keyframes fadeInDown {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0)
		}
	
		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	}
	
	.fadeInDown {
		-webkit-animation-name: fadeInDown;
		animation:fadeInDown .5s 1 ease-in-out;
	}
	
	@-webkit-keyframes fadeInUp {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0)
		}
	
		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	}
	
	@keyframes fadeInUp {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0)
		}
	
		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	}
	
	.fadeInUp {
		-webkit-animation-name: fadeInUp;
		animation:fadeInUp .5s 1 ease-in-out;
	}
	
	@-webkit-keyframes fadeIn {
		0% {
			opacity: 0
		}
	
		to {
			opacity: 1
		}
	}
	
	@keyframes fadeIn {
		0% {
			opacity: 0
		}
	
		to {
			opacity: 1
		}
	}
	
	.fadeIn {
		-webkit-animation-name: fadeIn;
		animation:fadeIn .5s 1 ease-in-out;
	}
	
@-webkit-keyframes wobble {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
		transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
		transform: translate3d(20%, 0, 0) rotate(3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
		transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
		transform: translate3d(10%, 0, 0) rotate(2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
		transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
		transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
		transform: translate3d(20%, 0, 0) rotate(3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
		transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
		transform: translate3d(10%, 0, 0) rotate(2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
		transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation:wobble 1s 1 linear;
}
	
@-webkit-keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.tada {
	-webkit-animation-name: tada;
	animation:tada 1s 1 linear;
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-animation-name: rotateIn;
	animation:rotateIn 1s 1 linear;
}


@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation:fadeInUpBig 1s 1 linear;
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation:fadeOutUp 1s 1 linear;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}




	
	
	
	
